
<template>
  <div class="order">
    <el-tabs v-model="activeName">
      <el-tab-pane label="所有订单" name="所有订单">
        <order-pane></order-pane>
      </el-tab-pane>
      <el-tab-pane label="待支付" name="待支付">
        <order-pane status="待支付"></order-pane>
      </el-tab-pane>
      <el-tab-pane label="待派单" name="待派单">
        <order-pane status="待派单"></order-pane>
      </el-tab-pane>
      <el-tab-pane label="待接单" name="待接单">
        <order-pane status="待接单"></order-pane>
      </el-tab-pane>
      <el-tab-pane label="待服务" name="待服务">
        <order-pane status="待服务"></order-pane>
      </el-tab-pane>
      <el-tab-pane label="待确认" name="待确认">
        <order-pane status="待确认"></order-pane>
      </el-tab-pane>
      <el-tab-pane label="已完成" name="已完成">
        <order-pane status="已完成"></order-pane>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import OrderPane from "@/components/OrderPane/index.vue";
export default {
  data() {
    return {
      activeName: "所有订单",
    };
  },
  components: {
    OrderPane,
  },
};
</script>
<style scoped>
</style>
